<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0,user-scalable=no" name="viewport" />
<meta name="format-detection" content="telephone=no"/>
<meta name="apple-mobile-web-app-status-bar-style"  />
<title>同城旅游主界面</title>
<link rel="stylesheet" href="state.css">
</head>

<body> 

   <header class="head"> 
   <a class="back" href="##" id="return"></a> 
   <div class="title"> 
    <h1>推荐旅游目的地</h1> 
   </div> 
   <div class="bar"> 
    <a href="##" id="card" class="ka">签到</a> 
   </div> 
  </header>

  <section class="middle_sea"> 

    <input type="search" name="q" autocomplete="on" id="mdd_search_box_new" placeholder="搜索你想去的地方" /> 
  </section>
 
       <nav class="mdd_menu"> 
   <ul> 
    <li><em></em><a href="#" class="on">首选</a></li> 
    <li><em></em><a href="#" class="">推荐</a></li> 
    <li><em></em><a href="#" class="">大陆</a></li> 
   </ul> 
  </nav>

	<section class="mdd_con"> 
       <div class="mdd_box"> 
            <div class="mdd_tit"> 
             <span> <strong style="font-size:16px;font-weight:normal;">首尔</strong> ，山水中的彩墨美学 </span> 
            </div> 
            <div class="slider-wrapper"> 
                 <ul class="mdd_silde"> 
                  <li><a href="##"><img class="introd"  src="img/UPQVr9_450x250_00.jpg" /><span>新村大学城</span></a></li> 
                  <li><a href="##"><img class="introd" src="img/rr8xmi_450x250_00.jpg" /><span>乐天世界</span></a></li> 
                  <li><a href="##"><img class="introd"  src="img/UPQVr9_450x250_00.jpg" /><span>梨花壁画村</span></a></li> 
                 </ul> 
            </div> 
       </div> 
       <div class="mdd_box"> 
    <div class="mdd_tit"> 
     <span> <strong style="font-size:16px;font-weight:normal;">北海道</strong> 美人美景美天下 </span> 
    </div> 
    <div class="slider-wrapper"> 
     <ul class="mdd_silde"> 
      <li><a href="##"><img class="lazy" src="img/uKIqFH_450x250_00.jpg" /><span>洞爷湖展望台</span></a></li> 
      <li><a href="##"><img class="lazy"  src="img/UPQVr9_450x250_00.jpg" /><span>昭和新山</span></a></li> 
      <li><a href="##"><img class="lazy" src="img/uKIqFH_450x250_00.jpg" /><span>洞爷湖展望台</span></a></li> 
      <li><a href="##"><img class="lazy"  src="img/UPQVr9_450x250_00.jpg" /><span>昭和新山</span></a></li>
      <li><a href="##"><img class="lazy"  src="img/UPQVr9_450x250_00.jpg" /><span>昭和新山</span></a></li> 
     </ul>    
    </div> 
   </div>   	
	</section>
  <footer>
  	<div class="cop">
    	Copyright  2016 trip.com
    </div>
  </footer>
</body>
</html>
